//console.log('ok')
//webpack-dev-serverda

//这两个导入时候，接受成员名。必须这么写
//1. 创建组件、虚拟DOM元素，生命周期
import React from 'react'
//把创建好的组建和虚拟DOM放到页面上展示
import ReactDOM from 'react-dom'

//2. 创建虚拟DOM元素 
//参数1 创建元素类型，字符串，表示元素名称
//参数2 是一个对象或者null，表示当前这个DOM 元素的属性
//参数3 子节点（包括其它虚拟DOM获取文本子节点）
//参数n 其它子节点
//<h1 id = "myh1" title="this is a h1">这是一个大大的h1</h1>
const myh1 = React.createElement('h1',{id:'myh1',title:'this is my h1'},'这是一个大大的H1');
const mydiv = React.createElement('div',null,'这是一个div元素',myh1);

//渲染页面上的DOM结构，最好的方式，就是写html代码

//3. 使用reactDOM渲染到页面
//参数1  要渲染那个虚拟dom
//参数2  指定一个容器
ReactDOM.render(mydiv,document.getElementById('app'));